<style lang="less" scoped>
  @import './settings.less';
</style>

<template>
  <div class="page container setting">
    <a-card
      title="设置"
      :bordered="false"
      class="card-content"
    >
      <div class="setting-main">
        <a-form
          ref="form"
          :model="form"
          :rules="rules"
        >
          <dl class="setting-card">
            <dt class="setting-title">
              评论回复通知设置
            </dt>

            <dd class="setting-item">
              <a-form-model-item label="是否接收邮件通知">
                <a-checkbox />
              </a-form-model-item>
            </dd>

            <dd class="setting-item">
              <a-form-model-item label="接收弹窗推送">
                <a-checkbox>
                  允许推送在页面上方显示
                </a-checkbox>
              </a-form-model-item>
            </dd>
          </dl>

          <dl class="setting-card">
            <dt class="setting-title">
              私信通知设置
            </dt>

            <dd class="setting-item">
              <a-form-model-item label="是否接收邮件通知">
                <a-checkbox />
              </a-form-model-item>
            </dd>

            <dd class="setting-item">
              <a-form-model-item label="接收弹窗推送">
                <a-checkbox>
                  允许推送在页面上方显示
                </a-checkbox>
              </a-form-model-item>
            </dd>
          </dl>

          <dl class="setting-card">
            <dt class="setting-title">
              邮件列表设置
            </dt>
            <dd class="setting-item">
              启用后，您将收到所有新提交的文章和评论，并发送到上面输入的电子邮件地址，但由<span class="text-primary">标记筛选器</span>筛选的文章和评论除外。 所有电子邮件都将显示为发送到您的私人列表地址，您可以在下面显示的地址中进行筛选，您发送到该地址的电子邮件将显示在您在本网站的帐户下。 你应该保持你唯一的列表地址是私有的，以防止其他人在你发表评论。
            </dd>
          </dl>

          <dl class="setting-card">
            <dt class="setting-title">
              接收电子邮件列表
            </dt>
            <dd class="setting-item">
              <a-select default-value="0" size="large">
                <a-select-option value="0">
                  不接收任何邮件
                </a-select-option>

                <a-select-option value="1">
                  所有帖子和评论
                </a-select-option>

                <a-select-option value="2">
                  只有帖子
                </a-select-option>
              </a-select>
            </dd>
          </dl>

          <div class="setting-foot">
            <a-button
              size="large"
              type="primary"
              @click="onEditMySetting"
            >
              保存设置
            </a-button>
          </div>
        </a-form>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      form: {},

      rules: { },
    }
  },

  methods: {
    onEditMySetting () {
      console.log('onEditMySetting')
    },
  },
}
</script>
